<template>
    <div class="el-page-header">
        <div class="el-page-header__left" @click="$emit('back')" v-if="showBack">
            <i class="el-icon-back"></i>
            <div class="el-page-header__title">
                <slot name="title">{{ title }}</slot>
            </div>
        </div>
        <div class="el-page-header__content">
            <slot name="content">{{ content }}</slot>
        </div>
    </div>
</template>

<script>
import { t } from 'element-ui/src/locale';
export default {
    name: 'KPageHeader',

    props: {
        showBack: {
            type: Boolean,
            default: true,
        },
        title: {
            type: String,
            default() {
                return t('el.pageHeader.title');
            }
        },
        content: String
    }
};
</script>

<style scoped lang="scss">

</style>
